<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>抽取代理机构详情 - 沧州市文化广电和旅游局抽取招标代理机构管理系统</title>
    <link rel="icon" href="favicon.ico" type="image/ico">
    <meta name="keywords" content="沧州市文化广电和旅游局抽取招标代理机构管理系统">
    <meta name="description" content="沧州市文化广电和旅游局抽取招标代理机构管理系统是一个基于Bootstrap v3.3.7的后台管理系统。">
    <meta name="author" content="mzl">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery.resizableColumns.css">
    <link href="css/materialdesignicons.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
</head>

<body>
<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">

            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="index.html" >
                    <img src="images/logo1.png" style="margin-top: 0px;margin-bottom: 0px;" title="沧州市文化广电和旅游局抽取招标代理机构管理系统" alt="沧州市文化广电和旅游局抽取招标代理机构管理系统" />
                </a>
            </div>
            <div class="lyear-layout-sidebar-scroll">

                <nav class="sidebar-main">
                    <ul class="nav nav-drawer">
                        <li class="nav-item "> <a href="index.html"><i class="mdi mdi-home "></i> 后台首页</a> </li>
                        <li class="nav-item active"> <a href="project-list.html"><i class="mdi mdi-format-align-justify"></i> 项目管理</a> </li>
                        <li class="nav-item "> <a href="company-list.html"><i class="mdi mdi-file-outline"></i> 代理机构管理</a> </li>
                    </ul>
                </nav>

                <div class="sidebar-footer">
<!--                    <p class="copyright">Copyright &copy; 2023. <a target="_blank" href="#!">gift</a> All rights reserved.</p>-->
                </div>
            </div>

        </aside>
        <!--End 左侧导航-->

        <!--头部信息-->
        <header class="lyear-layout-header">
            <div style="text-align: center;">
                <a style="font-size: 30px;  color:black">
                    沧州市文化广电和旅游局抽取招标代理机构管理系统
                </a>
            </div>
            <nav class="navbar navbar-default">
                <div class="topbar">

                    <div class="topbar-left">
                        <div class="lyear-aside-toggler">
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                            <span class="lyear-toggler-bar"></span>
                        </div>
                        <span class="navbar-page-title"> 抽取代理机构详情 </span>
                    </div>

                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a data-toggle="dropdown">
                                <span id="realName">admin </span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
<!--                                <li> <a href="#!"><i class="mdi mdi-account"></i> 个人信息</a> </li>-->
                                <li> <a href="edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
<!--                                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>-->
<!--                                <li class="divider"></li>-->
                                <li> <a href="#" id="logout"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
                            </ul>
                        </li>
                        <!--切换主题配色-->
<!--                        <li class="dropdown dropdown-skin">-->
<!--                            <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>-->
<!--                            <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">-->
<!--                                <li class="drop-title"><p>主题</p></li>-->
<!--                                <li class="drop-skin-li clearfix">-->
<!--                  <span class="inverse">-->
<!--                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>-->
<!--                    <label for="site_theme_1"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">-->
<!--                    <label for="site_theme_2"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">-->
<!--                    <label for="site_theme_3"></label>-->
<!--                  </span>-->
<!--                                </li>-->
<!--                                <li class="drop-title"><p>LOGO</p></li>-->
<!--                                <li class="drop-skin-li clearfix">-->
<!--                  <span class="inverse">-->
<!--                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>-->
<!--                    <label for="logo_bg_1"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">-->
<!--                    <label for="logo_bg_2"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">-->
<!--                    <label for="logo_bg_3"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">-->
<!--                    <label for="logo_bg_4"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">-->
<!--                    <label for="logo_bg_5"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">-->
<!--                    <label for="logo_bg_6"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">-->
<!--                    <label for="logo_bg_7"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">-->
<!--                    <label for="logo_bg_8"></label>-->
<!--                  </span>-->
<!--                                </li>-->
<!--                                <li class="drop-title"><p>头部</p></li>-->
<!--                                <li class="drop-skin-li clearfix">-->
<!--                  <span class="inverse">-->
<!--                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>-->
<!--                    <label for="header_bg_1"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">-->
<!--                    <label for="header_bg_2"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">-->
<!--                    <label for="header_bg_3"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">-->
<!--                    <label for="header_bg_4"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">-->
<!--                    <label for="header_bg_5"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">-->
<!--                    <label for="header_bg_6"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">-->
<!--                    <label for="header_bg_7"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">-->
<!--                    <label for="header_bg_8"></label>-->
<!--                  </span>-->
<!--                                </li>-->
<!--                                <li class="drop-title"><p>侧边栏</p></li>-->
<!--                                <li class="drop-skin-li clearfix">-->
<!--                  <span class="inverse">-->
<!--                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>-->
<!--                    <label for="sidebar_bg_1"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">-->
<!--                    <label for="sidebar_bg_2"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">-->
<!--                    <label for="sidebar_bg_3"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">-->
<!--                    <label for="sidebar_bg_4"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">-->
<!--                    <label for="sidebar_bg_5"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">-->
<!--                    <label for="sidebar_bg_6"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">-->
<!--                    <label for="sidebar_bg_7"></label>-->
<!--                  </span>-->
<!--                                    <span>-->
<!--                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">-->
<!--                    <label for="sidebar_bg_8"></label>-->
<!--                  </span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </li>-->
                        <!--切换主题配色-->
                    </ul>

                </div>
            </nav>

        </header>
        <!--End 头部信息-->

        <!--页面主要内容-->
        <main class="lyear-layout-content"  style="margin-top: 50px">

            <div class="container-fluid" style="padding-top: 0px">
                <div class="card-body">



                <div class="row">

                    <div class="col-lg-12" style="margin-top: 30px">
                        <h4 style="margin-bottom: 20px;">项目详情</h4>
                        <div class="table-responsive" style="margin-bottom: 20px;">
                            <table class="table table-bordered" data-resizable-columns-id="projectTable">
                                <thead>
                                <tr>
                                    <th class="noneDisplay">
                                        id
                                    </th>
                                    <th data-resizable-column-id="projectName">项目名称</th>
                                    <th data-resizable-column-id="projectCode">项目编号</th>
                                    <th data-resizable-column-id="projectDesc">项目描述</th>
                                    <th data-resizable-column-id="createTime">创建时间</th>
                                </tr>
                                </thead>
                                <tbody id="projectDetail">

                                </tbody>
                            </table>
                        </div>
                    </div>

                        <div class="card">

                            <div class="card-body">
                                <h4 style="margin-bottom: 20px;">抽取代理机构</h4>
                                <div class="table-responsive">
                                    <table class="table table-bordered" data-resizable-columns-id="companyTable">
                                        <thead>
                                        <tr>
                                            <th class="noneDisplay">
                                                id
                                            </th>
                                            <th data-resizable-column-id="companyName">代理机构名称</th>
                                            <th data-resizable-column-id="frName">代理机构法人</th>
                                            <th data-resizable-column-id="companyAddr">代理机构地址</th>
                                            <th data-resizable-column-id="createTime">抽取时间</th>
                                        </tr>
                                        </thead>
                                        <tbody id="companyList">

                                        </tbody>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </main>
        <!--End 页面主要内容-->
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
<!--时间选择插件-->
<script src="js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!--消息提示-->
<script src="js/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="js/lightyear.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/store.js"></script>
<script type="text/javascript" src="js/jquery.resizableColumns.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#acRevenueType-group").hide();
        $("#acPrduFeeRule-group").hide();
        $("#acExpressFee-group").hide();
        $(".noneDisplay").hide();
        $("table").resizableColumns({
            store: window.store
        });
        $.ajax({
            type: "POST",
            url: "http://localhost:18600/sys/user/loginInfo",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                if (data.code === 200){
                    document.getElementById('realName').textContent = data.loginUser.realName;
                }
            },
            error: function(xhr, textStatus, errorThrown) {
                loginError(xhr,textStatus,errorThrown)
            }
        });
        $('#logout').click(function(){
            $.ajax({
                type: "POST",
                url: "http://localhost:18600/sys/user/logout",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    if (data.code === 200){
                        lightyear.notify('退出成功', 'success', 2000);
                        window.location.href="/admin/login.html"
                    }

                }
            });
        });
        // $(".form-group").css()
        $('.search-bar .dropdown-menu a').click(function() {
            var field = $(this).data('field') || '';
            $('#search-field').val(field);
            $('#search-btn').html($(this).text() + ' <span class="caret"></span>');
        });
        $("#id").val(getUrlParam("id"));

        detail(getUrlParam("id"));
    });
    function detail(id) {
        if (!id) {
            lightyear.notify('账单id不允许为空', 'danger', 2000);
            lightyear.url('http://localhost:18600/project-list.html');
            return;
        }
        $.ajax({
            type: "GET",
            url: "http://localhost:18600/gift/project/detail?id=" + id,
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function (data) {
                var project = data.project;
                project.projectDesc = project.projectDesc === null || project.projectDesc === "" ? "-" : project.projectDesc;

                var str = '<tr> <td style="display: none">' + project.id + "</td><td>" + project.projectName +"</td><td>" + project.projectCode + "</td><td>" + project.projectDesc
                    + "</td> <td>" + project.createTime  + '</td> </tr>';
                $('#projectDetail').append(str);

                var list = data.detail;
                for (var i = 0; i < list.length; i++) {
                    console.info(list[i]);
                    list[i].companyCode = list[i].companyCode === null || list[i].companyCode === "" ? "-" : list[i].companyCode;
                    list[i].frName = list[i].frName === null || list[i].frName === "" ? "-" : list[i].frName;
                    list[i].companyAddr = list[i].companyAddr === null || list[i].companyAddr === "" ? "-" : list[i].companyAddr;
                    var str = '<tr> <td style="display: none">' + list[i].id + "</td><td>" + list[i].companyName
                        + "</td> <td>" + list[i].frName + "</td> <td>" + list[i].companyAddr + "</td> <td>" + list[i].createTime + "</td></tr>";
                    $('#companyList').append(str);
                }
            },
            error: function(xhr, textStatus, errorThrown) {
                loginError(xhr,textStatus,errorThrown)
            }
        });
    }

    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return ""; //返回参数值
    }
</script>
</body>
</html>